<template>
  <div id="iLogo">
    <div class="logo">
      <el-image :src="url"></el-image>
    </div>
    <div class="name">{{ name }}</div>
  </div>
</template>

<script>
export default {
  name: 'iLogo',
  props: {
    url: {
      type: String,
      required: true
    },
    name: {
      type: String,
      required: true
    }
  }
}
</script>

<style lang="scss" scoped>
#iLogo {
  width: 100%;
  height: 10rem;
  background: white;
  border-radius: 0.5rem;

  .logo {
    width: 100%;
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .name{
    width: 100%;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.3rem;
  }
}
</style>
